<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="telephone=no" name="format-detection" />
    <meta http-equiv="Cache-Control" content="no-cache"/>
    <meta name="MobileOptimized" content="320">
    <!-- uc强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <!-- UC强制全屏 -->
    <meta name="full-screen" content="yes">
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <!-- UC应用模式 -->
    <meta name="browsermode" content="application">
    <!-- QQ应用模式 -->
    <meta name="x5-page-mode" content="app">
    <link rel="stylesheet" href="__PUBLIC__/App/css/reset.css">
    <link rel="stylesheet" href="__PUBLIC__/App/css/main.css">
    <link rel="stylesheet" href="__PUBLIC__/App/css/simpScroller.css">
    <script type="text/javascript" src="__PUBLIC__/App/js/viewport.js"></script>
    <script type="text/javascript" src="__PUBLIC__/App/js/main.js"></script>
    <script type="text/javascript" src="__PUBLIC__/App/js/jquery.js"></script>
    <script type="text/javascript" src="__PUBLIC__/App/js/simpScroller-min.js"></script>



    <title>在线订餐</title>
</head>
<body>
<header>
    <h1>在线订餐</h1>
    <div>
        <img src="__PUBLIC__/App/images/user.png" alt="">
    </div>
</header>


<form action="{:U('Cart/add')}" method="post">

<div class="container clearfix">
    <div class="sidebar">
        <div class="ul-box">
            <ul>
                <volist name="classify" id="v" key="k">

                <li class="pop-food">{$v.cname}</li>

                </volist>
            </ul>
        </div>
    </div>


    <div class="main">
    <volist name="classify" id="v">
        <div class="pop-box food-box" id="box1">
            <div class="ul-box">
                <ul>
                    <volist name="v.ros" id="v1">
                    <li>
                        <div class="li-img">
                            <img src="{$v1.image}" alt="">
                        </div>
                        <div class="li-word">
                            <div class="name">
                                <span>{$v1.gname}</span>
                            
                            </div>
                            <div class="price">
                                <span>￥</span><span class="one-price">{$v1.price}</span>
                           
                            </div>
                            <div class="button">
                                <button class="minus" type="button">-</button>
                                <span class="one-amount one-amount">0</span>
                                <input type="hidden" name="goods_number[{$v1.id}]" class="input1">


                                <button class="add" type="button">+</button>
                            </div>
                        </div>
                    </li>
                    </volist>


                    <div class="placehorlder"></div>
                </ul>
            </div>
        </div>
    </volist>



    </div>


</div>
<footer class="clearfix">
    <div class="buy-box">
        <div class="buy-img">
            <img src="__PUBLIC__/App/images/buy_car1.png" class="buy_car1" alt="">
            <img src="__PUBLIC__/App/images/buy_car2.png" class="buy_car2" alt="">
            <img src="__PUBLIC__/App/images/num.png" alt="" class="num">
        </div>
        <div class="buy-num">
            <span class="sum">

             <notempty name="datas">
                {$count}
                 <else/>

0

             </notempty>

            </span>
        </div>
        <div class="buy-amont">
            <span>￥</span><span class="sum-price">
          <notempty name="datas">
              {$money}
              <else/>
              0.00
          </notempty>





        </span>
            <input type="hidden" class="input2" name="price"/>
        </div>
    </div>
    <div class="submit">
        <button type="submit" class="tijiao">提交订单</button>
    </div>
</footer>
</form>



<div class="layer">
    <div class="layer-box">
        <div class="layer-top">
            <h2 onclick="clones()">您的购物车</h2>
            <button class="clear-btn" type="button"><a href="{:U('Cart/del')}">清空购物车</a></button>
            <img src="__PUBLIC__/App/images/down.png" alt="" class="down-img">
        </div>
        <div class="layer-content">
            <ul class="layer-content-ul">
                <notempty name="datas">
<volist name="datas" id="data">
    <li class=" food-li "><span class=" food-name">{$data.gname}</span><span class=" food-amount">{$data.goods_number}份</span></li>
</volist>
                    <else/>
                </notempty>
            </ul>
        </div>
    </div>
</div>
</div>
</div>


</body>



</html>